<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>歌曲列表</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="./css/list.css">
</head>
<body>
<div class="sidebar">
    <h1>创作中心</h1>
    <h2>音频管理 | 列表</h2>
    <div class="entry-point">
        <h3>用户管理</h3>
        <a href="/studio/user/register.html">注册</a>
        <a href="/studio/user/login.html">登录</a>
        <a href="/studio/user/quit.do">注销</a>
    </div>
    <div class="entry-point">
        <h3>音频管理</h3>
        <a href="/studio/track/upload.html">上传</a>
        <a href="/studio/track/record.html">录制</a>
        <a href="/studio/track/list.html">列表</a>
    </div>
    <div class="entry-point">
        <h3>专辑管理</h3>
        <a href="/studio/album/create.html">新建</a>
        <a href="/studio/album/list.html">列表</a>
    </div>
</div>
<div class="who">加载中 ...</div>
<div class="main">
    <div class="container">
        <table>
            <thead>
            <tr>
                <th>#tid</th>
                <th>标题</th>
                <th>关联专辑数</th>
            </tr>
            </thead>
            <tbody>
            <!--tbody 元素有JS动态添加-->
            </tbody>
        </table>
    </div>
    <div class="pagination">
        <a href="/studio/track/list.html?page=1">首页</a>
        <!-- 以下由js实现-->
        <a href="/studio/track/list.html?page=" class="prevPage">上一页</a>
        <span>每页 <span class="countPerPage"></span> 个</span>
        <span>第 <span class="currentPage"></span> 页</span>
        <span>共 <span class="totalPage"></span> 页</span>
        <a href="/studio/track/list.html?page=" class="nextPage">下一页</a>
        <a href="/studio/track/list.html?page=" class="lastPage">尾页</a>
    </div>
</div>
<script src="./js/renderCurrentUser.js"></script>
<script src="./js/list.js"></script>
</body>
</html>
